<template>
	<div class="unit">
		<el-descriptions :column="3" direction="vertical">
			<el-descriptions-item label="信息系统安全等级保护备案证明"><FilePreview :type="'view'" v-model="message.securityLevel" /></el-descriptions-item>
			<el-descriptions-item label="密评证明"><FilePreview :type="'view'" v-model="message.confidentialEvaluation" /></el-descriptions-item>
			<el-descriptions-item label="培训记录"><FilePreview :type="'view'" v-model="message.trainRecords" /></el-descriptions-item>
			<el-descriptions-item label="验收报告"><FilePreview :type="'view'" v-model="message.checkReport" /></el-descriptions-item>
			<el-descriptions-item label="初验材料"><FilePreview :type="'view'" v-model="message.fistCheck" /></el-descriptions-item>
			<el-descriptions-item label="实施计划"><FilePreview :type="'view'" v-model="message.impPlan" /></el-descriptions-item>
			<el-descriptions-item label="技术方案"><FilePreview :type="'view'" v-model="message.techPlan" /></el-descriptions-item>
			<el-descriptions-item label="需求规格说明书"><FilePreview :type="'view'" v-model="message.needManual" /></el-descriptions-item>
			<el-descriptions-item label="操作手册"><FilePreview :type="'view'" v-model="message.operateManual" /></el-descriptions-item>
			<el-descriptions-item label="应用软件包"><FilePreview :type="'view'" v-model="message.appPackage" /></el-descriptions-item>
		</el-descriptions>

		<!-- <div class="item_box">
			<div class="item_name">信息系统安全等级保护备案证明</div>
			<div class="item_img"><FilePreview :type="'view'" v-model="message.securityLevel" /></div>
		</div>
		<div class="item_box">
			<div class="item_name">应用软件包</div>
			<div class="item_img">
				<FilePreview :type="'view'" v-model="message.appPackage" />
			</div>
		</div> -->
	</div>
</template>

<script lang="ts" setup>
import textImg from '/@/views/digitalList/detail/components/component/textImg.vue';
import { toRefs, defineProps } from 'vue';

import FilePreview from '/@/components/HyUpload/index.vue';
const props = defineProps({
	message: Object,
});

const { message } = toRefs(props);
</script>

<style lang="scss" scoped>
.unit {
	:deep(.el-descriptions__label) {
		width: 10% !important;
	}
	// display: flex;
	// flex-wrap: wrap;
	.item_box {
		width: 32%;
		margin: 5px 0px;
		.item_name {
			color: #999999;
		}
		.item_img {
			margin-left: 5px;
			margin-top: 3px;
			display: flex;
			flex-wrap: wrap;
		}
	}
}
</style>
